@import 'global.css';

.developerCenterBox {
    width:100%;
    height:auto;
}

.developerCenterBox a {
    text-decoration: none;
}

.developerCenterMain {
    width:1100px;
    height:auto;
    background:#fff;
    margin:0px auto;
}

.developerCenterContent {
    width:100%;
    height:auto;
    display: flex;
    flex-wrap: wrap;
    justify-content:flex-start;
}

.developerCenterContent a {
    float:left;
    color:#333;
}

.developerCenterContentItem {
    width:22%;
    height:330px;
    float:left;
    padding-left:15px;
    padding-right:15px;
    margin-left:15px;
    text-align: center;
    cursor:pointer;
    position: relative;
}

.developerCenterContentItemMaskBox {
    position:absolute;
    top:1px;
    left:1px;
    bottom:1px;
    right:1px;
    background-color:rgba(0,0,0,0.5);
    border-radius:5px;
    line-height:330px;
    color:#fff;
    font-size:18px;
    letter-spacing:1px;
}

.developerCenterContentItem:hover {
    /* box-shadow: 0 2px 10px 0 rgba(0,0,0,.1); */
}

.developerCenterContentItem img {
    width:160px;
    height:160px;
    margin-top:40px;
}

.developerCenterContentItem p {
    text-align: center;
    margin-top:20px;
    width:100%;
    font-size:18px;
}